<template>
    <div class="list">
        <div class="header">
            <el-page-header @back="goBack" content="管理案件" style="position: relative;top: 10px;left: 5px;">
            </el-page-header>
        </div>
        <el-divider></el-divider>
        <el-tabs v-model="tab" type="card">
            <el-tab-pane label="编辑案件" name="edit">
                <manager-case-chose></manager-case-chose>
            </el-tab-pane>
            <el-tab-pane label="案件回收站" name="recycle">
                <manager-case-recycle></manager-case-recycle>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    //引入组件
    const ManagerCaseChose = () => import('./ManagerCaseChose.vue')
    const ManagerCaseRecycle = () => import('./ManagerCaseRecycle.vue')
    export default {
        data() {
            return {
                tab:'edit'
            }
        },
        methods:{
            goBack(){
                history.back()
            }
        },
        created(){

        },
        components:{
            ManagerCaseChose,
            ManagerCaseRecycle
        }
    }
</script>

<style scoped>
    .list{
        width: 100%;
    }
    .header{
        width: 100%;
        font-size: 20px;
        height: 30px;
        line-height: 30px;
        background-color: white;
    }
    .table{
        width: 100%;
    }
</style>
